/*---------------------------------------------------------------------------------------------------
    模板列表
---------------------------------------------------------------------------------------------------*/

.template-list ul,
.template-list li,
.template-list td { padding:0; margin:0; }
.template-list .item { width:220px; height:260px; margin:5px; float:left; line-height:25px; }
.template-img { display:block; }
.template-img .intro { padding:5px; background:#fff; text-align:left; border:1px solid #369; margin:0 10px; }
.template-list .item img { background:#EFF2F5; padding:4px; border:1px solid #ddd; }
.template-list .current { background:#E7EFF5 url(sysrightbackgroud.gif) repeat-x; border:1px solid #eee; }
.template-list .info li { border-bottom:1px solid #eee; line-height:18px; }
.template-options a { display:block; float:left; white-space:nowrap; margin-top:3px; height:18px; }
.template-edit { padding:20px; margin-bottom:50px; }
.template-edit .page { background:#efefef; border:1px solid #ccc; margin:0 20px 20px 0; width:180px; height:160px; float:left; list-style:none; text-align:center; }
.template-edit .page li { padding:3px 0; }
.template-edit .pager { background:url(templateteditpager.gif) no-repeat 50%; height:81px; padding:7px 0; }
.template-edit .name { font-weight:700; padding:5px 0; }
.template-color { text-align: center; height:25px;}
.template-color-item{cursor:pointer;display:inline-block; display:-moz-inline-stack; *display:inline; zoom:1; background:#fff; border:1px solid #ccc; padding:1px; margin:0 1px 0 0;}
.template-color-item span{  width:10px; height:10px; display:block; zoom:1;}
/*---------------------------------------------------------------------------------------------------
	template edit View
---------------------------------------------------------------------------------------------------*/

#wgtcenter .side-bx a { padding-top: 1px; padding-bottom:1px;}
.commenwgt.desc{ font-size:12px; height:17px; margin:3px 0; clear:both; overflow:hidden; padding:0; width:156px;}
.wgtcontent .notice{ margin:15px 5px}
.wgtitem-box{ width:158px; float:left; margin:8px 5px; height:40px; background:#F8F8F8; border:1px solid #D9D9D9; padding:5px;}
.wgtitem-box:hover{background:#FFFDDC; border:1px solid #F6D5A8; cursor:pointer}
.quickaddwgt{background:url(main_bg.gif) no-repeat 0 -174px; float:right; cursor:pointer;height:14px;width:14px;}
.wgtitem-box-hover .quickaddwgt{ background-position: 0 -160px}
.wgtitem-box a { color:#666; }
.wgtcenter .commenwgt span { font-size:14px; display:block; font-weight:normal; }
.wgtcontent { padding:15px 10px;}
.wgtcontent .head-title { padding-left:0; }
.wgtcontent .num { margin-left:5px; font-size:12px; }
.wgtcontent h3 { font-size:14px; padding-bottom:7px; border-bottom:1px solid #e8e8e8;}

.toolbar{position:relative;top:-1px;z-index:400;overflow:hidden;
	line-height:26px;background:#e9e9e9 url(bar02.gif) repeat-x 0 0;padding:4px;}
.toolbar .tbbtn{color:#000;display:block;font-weight:bold;float:left;margin:0 4px 0 4px;line-height:22px;height:22px;padding:0 10px 0 10px; box-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;}
.toolbar .tbbtn span{display:block; box-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;}
.toolbar .tbbtn:hover,.toolbar .tbbtn:active{text-decoration:none;;background-color:#fff; box-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; }
.toolbar .layout{padding-left:22px;background:url(layout.png) no-repeat 4px 50%;}
.toolbar .add{padding-left:22px;background:url(addwgt-cur.gif) no-repeat 4px 50%;}

.toolbar .save{padding-left:0;padding-right:0;border:1px #1F558F solid;}
.toolbar .save span{padding-left:25px;line-height:20px;padding-right:25px;background:#458BD9;border:1px #5197DD solid;color:#fff;}
.toolbar .save:hover span{background-color:#5dB3ff;border-color:#86D9FF;}

.toolbar .view,.toolbar .exit{border:1px #666 solid;}
.toolbar .view span,.toolbar .exit span{padding-left:2px;padding-right:2px;}



.toolbar .save{}
div.wgtconfig .tableform { background:#f4f4f4; }
/*---------------------------------------------------------------------------------------------------
	Ó¦ÓÃ³ÌÐò
---------------------------------------------------------------------------------------------------*/
.apps-wrapper  { padding: 5px 10px; }
.app-item a { color: #4f78c0; text-decoration:none;}
.app-item { line-height:150%; border-bottom:1px dashed #ccc; padding:10px 0}
.app-img { float: left; }
.app-img img {  background: #fff; border: 1px solid #cccccc; padding: 1px; }
.app-title, .app-info, .app-desc { margin: 0 170px 0 20px; }
.app-title { font-size: 12px; clear: none; margin-bottom: 5px; color: #4f78c0; }
.app-opt { float: right; margin-top: 20px; margin-left: -160px; width: 160px; text-align: center; }
.app-opt button { margin-bottom: 2px; }
.app-info ul { margin: 0 0 5px; padding: 0; }
.app-info li { display: inline-block; display: -moz-inline-stack; *display:inline; zoom:1; white-space: nowrap; width:150px; color: #8b8b8b; margin-right:5px;}
.app-info .label { color: #4b4b4b; margin-right: 10px; }
.app-desc .desc { color: #828282; }
.app-install-detail { height:200px; overflow-x:hidden; overflow-y:scroll; background: #5b5b5b; color: #ededed; }
.app-info .notice { border-width: 2px; padding: 2px 5px; margin: 0 -5px; }
.app-info .lnk { margin: 0 5px; color: #476ABF; }

